/* 
    Document   : style
    Created on : Nov 18, 2012, 5:02:18 PM
    Author     : Andrej Bauer
    Description:
        Base layout of Car Park web application
*/

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

* {
    outline: 0;	margin: 0; padding: 0;
}

body {
    margin: 0;
    background: #edece8;
    color: #333;
    font-family: Helvetica, Arial, sans-serif; font-size: 12px;
}

.wrapper {
    width: 960px;
    margin: 20px auto;
    background-color: white;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.header h1{
    font-size: 40px;
    background-color: white;
    padding: 0 20px;
}

ul{
   list-style-type: none; 
}

.mainMenu {
    padding-bottom: 15px;
}
.mainMenu ul {
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    background: #2d3133;
    background: -moz-linear-gradient(top,  #2d3133 0%, #000000 100%);
    background: -webkit-linear-gradient(top,  #2d3133 0%,#000000 100%);
    background: -o-linear-gradient(top,  #2d3133 0%,#000000 100%);
    background: -ms-linear-gradient(top,  #2d3133 0%,#000000 100%);
    background: linear-gradient(top,  #2d3133 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d3133', endColorstr='#000000',GradientType=0 );
    overflow: hidden; /* clear floats */
    padding: 0 20px;
    
}

.mainMenu ul li {
    float: left;
}

.mainMenu ul li a {
    display: block; float: left;
    font-family: Dosis, sans-serif;	font-size: 16px; font-weight: bold;
    text-decoration: none; text-align: center; color: #fff;
    padding: 8px 10px; min-width: 80px;
    border: solid 1px #000;
    border-color: rgba(255,255,255,0.1) rgba(0,0,0,0.3) rgba(0,0,0,0.3) rgba(255,255,255,0.1);
}

.mainMenu ul li a:hover, .mainMenu ul li a.active {
    background: #474d50;
    background: -moz-linear-gradient(top,  #2d3133 0%, #474d50 100%);
    background: -webkit-linear-gradient(top,  #2d3133 0%,#474d50 100%);
    background: -o-linear-gradient(top,  #2d3133 0%,#474d50 100%);
    background: -ms-linear-gradient(top,  #2d3133 0%,#474d50 100%);
    background: linear-gradient(top,  #2d3133 0%,#474d50 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d3133', endColorstr='#474d50',GradientType=0 );
}

.subMenu{
    float: left;
    width: 250px;
    
}

.subMenu ul li a {
    display: block;
    font-size: 14px; font-weight: bold;
    text-decoration: none; text-align: left;
    color: black;
    padding: 5px 20px;
}


.subMenu ul li a:hover, .subMenu ul li a.active {
    color: white;
    background: #2d3133;
    background: -moz-linear-gradient(top,  #2d3133 0%, #000000 100%);
    background: -webkit-linear-gradient(top,  #2d3133 0%,#000000 100%);
    background: -o-linear-gradient(top,  #2d3133 0%,#000000 100%);
    background: -ms-linear-gradient(top,  #2d3133 0%,#000000 100%);
    background: linear-gradient(top,  #2d3133 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d3133', endColorstr='#ffffff',GradientType=0 );
}

.content{
    float: left;
    padding: 0 10px;
    width: 680px;
    
}

table{
    border-spacing: 0px;
    border: 1px solid black;
   
}
td, tr  {
    
    padding: 5px;
}
thead td{
    color: white;
    border: 0px;
    background: #2d3133;
    background: -moz-linear-gradient(top,  #2d3133 0%, #000000 100%);
    background: -webkit-linear-gradient(top,  #2d3133 0%,#000000 100%);
    background: -o-linear-gradient(top,  #2d3133 0%,#000000 100%);
    background: -ms-linear-gradient(top,  #2d3133 0%,#000000 100%);
    background: linear-gradient(top,  #2d3133 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d3133', endColorstr='#ffffff',GradientType=0 );
    
}

td a {
    color: black;
    text-decoration: underline;
}

.available{
    text-align: center;
}

.footer{
    text-align: center;
    clear: both;
}

